<!DOCTYPE html>
<html>
<head>
    <title>Orange Gateway - Status</title>
    {(meta.html)}
</head>
<body>

{(header.html)}

<div id="main" class="main-container container">


    <div class="row" style="margin-top:-10px;margin-bottom:20px;margin-right:10px;">
        <div class="col-md-12">
            <div class="pull-left">
                <h4>全局统计</h4>
            </div>

            <div class="pull-right" id="time-set">
                <span class="l">时间间隔:</span>
                <a href="javascript:void(0);" class="active timer_interval" data-interval="1000">1s</a> /
                <a href="javascript:void(0);" class="timer_interval" data-interval="3000">3s</a> /
                <a href="javascript:void(0);" class="timer_interval" data-interval="5000">5s</a>

            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-12">
         <div style="height:400px;padding-top:20px;" id="request-area"></div>
         </div>
    </div>
    <div class="row">
        <div style="height:400px;padding-top:20px;" id="qps-area"></div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div style="height:400px;padding-top:20px;" id="response-area"></div>
        </div>
        <div class="col-md-6">
            <div style="height:400px;padding-top:20px;" id="traffic-area"></div>
        </div>
    </div>

    <div class="row">
        <div style="height:400px;padding-top:20px;" id="status-area"></div>
    </div>

    
</div>


<script src="/orange/static/js/status.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        APP.Common.resetNav("nav-monitor");
        APP.Status.init();
    });
</script>

{(footer.html)}
</body>
</html>
